<template>
 <div class="content">
     <MainHeader></MainHeader>
     <div class="main">
         <div class="ProfileEdit">
             <div class="card">
                 <div class="ProfileHeader-header">
                     <div class="UserCoverEditor">
                         <div>
                             <lable class="UploadPicture-wrapper">
                                 <input type="file">
                                 <div class="UserCoverGuide">
                                     <div class="UserCover-inner">
                                         <div class="cover-button">
                                             <button size="small" type="button" class="cbutton"><i class="el-icon-camera
el-icon-video-camera-solid"></i>点击上传</button>

                                         </div>
                                     </div>
                                 </div>
                                                   </lable>
                             <div class="UserCover"></div>
                         </div>
                     </div>
                 </div>
                 <div class="ProfileHeader-main">
                     <div class="ProfileHeader-avatar">
                         <div class="UserAvatar">
                             <el-upload>
                                                                        class="avatar-uploader"
                                                                        action="https://jsonplaceholder.typicode.com/posts/"
                                                                        :show-file-list="false"
                                                                        :on-success="handleAvatarSuccess"
                                                                        :before-upload="beforeAvatarUpload">
                                                                    <img v-if="imageUrl" :src="imageUrl" class="avatar">
                                                                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                                                                </el-upload>
                         </div>
                         <label class="UploadPicture-wrapper">

                         </label>
                     </div>
                     <div class="ProfileHeader-content"></div>
                 </div>
             </div>
         </div>

     </div>


 </div>
</template>

<script>
    import MainHeader from "../../components/MainHeader";
    export default {
        name: "Gerenziliao",
        components: {
            MainHeader

        }
    }
</script>

<style scoped>
    .main{
        width: 100%;
        height:1200px;
        background: #f6f6f6;
        margin-top: 80px;
    }
    .ProfileEdit{
        width: 1000px;
        padding: 0 16px;
        margin: 14px auto;
        font-size: 15px;
        color: #121212;
    }
    .card{

        background: #fff;
        overflow: hidden;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(18,18,18,.1);




    }

</style>